<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8" />
	<title>Thunder旅游社交系统首页</title>
	<meta name="description" content="" />
	<meta name="author" content="" />

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />

	<style type="text/css">
	a:link,a:visited{ text-decoration:none;  /*超链接无下划线*/}a:hover{ text-decoration:		underline;  /*鼠标放上去有下划线*/}
    </style>
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
	
	<!-- JS
	================================================== -->
	<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script src="js/superfish.js"></script>
	<script src="js/jquery.flexslider.js"></script>
	<script src="js/jquery.tweet.js"></script>
	<script src="js/selectnav.js"></script>
	<script src="js/jquery.fancybox.js"></script>
	<script src="js/functions.js"></script>
	<script>
		$(document).ready(function() {
			$(".slider .flexslider").flexslider({
				animation: "slide"
			});
		});
	</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

	<div id="wrapper">
	
		
		<div class="main">
		<div class="container">
		
				<!-- Header - Phone & Social
				================================================== -->	
				<div class="sixteen columns header">
					<div class="phone"><a href="blog_index.html">|进入个人中心</a></div>
					<div class="phone"><a href="register.html">|注册</a></div>
					<div class="phone"><a href="login.html">|登录</a></div>
				</div>
				<div class="clear"></div>
				<div class="des">找网站模板就上<a href="http://cssmoban.com/">模板之家</a></div>
				<!-- Header - Logo & Navigation
				================================================== -->
				<div class="sixteen columns top">
					<div class="logo four columns alpha"><a href="http://cssmoban.com/"><img src="images/logo.png" alt="" height="20px" width="180px"/></a></div>
					<div class="navigation twelve columns alpha omega">
						<ul id="nav" class="sf-menu sf-shadow">
							<li><a data-description="Index Page" href="index.html">首页</a></li>
							<li>
								<a data-description="Memory" href="memory.html">旅游记忆</a>
								<ul>
									<li><a href="photoAlbum.html">旅游相册</a></li>
									<li><a href="services.html">旅游心情</a></li>
									<li><a href="testimonials.html">评论我的</a></li>
									<li><a href="pricing.html">游记</a></li>
									<!--<li>
										<a href="#">3rd Level</a>
										<ul>
											<li><a href="#">Third Level</a>
											</li><li><a href="#">Element</a>
											</li><li><a href="#">Here</a>
										</li></ul>
									
									</li>-->
								</ul>
							
							<li class="active">
								<a data-description="Activity" href="activity-1.html">发起活动</a>
							</li>
							<li>
								<a data-description="Strategy" href="strategyIndex.html">旅游攻略</a>
								<ul>
									<li><a href="strategyCreate.html">创建攻略</a></li>
									<li><a href="strategyPersonal.html">管理攻略</a></li>
								</ul>
							</li>
							<li><a data-description="Search" href="contact.html">旅游查询</a></li>
						</li>
						</ul>
					</div>
					<div class="clear"></div>
					<div id="separator"><span></span></div> 
					
				</div>
				<div class="clear"></div>
				
				<!-- Slider
				================================================== -->
				<div class="sixteen columns  slider clearfix">
						<div class="flexslider">
							<ul class="slides">
							    <li>
									<a href="#"><img src="images/slider/slider_image1.jpg" alt="" /></a>
									<div class="flex-caption">热带椰林</div>
								</li>
							    <li>
									<a href="#"><img src="images/slider/slider_image2.jpg" alt="" /></a>
									<div class="flex-caption">水乡古镇夜景</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image3.jpg" alt="" /></a>
									<div class="flex-caption">西部辽阔风光</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image4.jpg" alt="" /></a>
									<div class="flex-caption">山石云海</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image5.jpg" alt="" /></a>
									<div class="flex-caption">沙漠异域风情</div>
								</li>
								<li>
									<a href="#"><img src="images/slider/slider_image6.jpg" alt="" /></a>
									<div class="flex-caption">壮阔梯田</div>
								</li>
							</ul>
						</div>
				</div>
				<div class="clear"></div>
				
				
				

				<!-- Contact
				================================================== -->
				<div class="contact sixteen columns row">
					<h2 class="separator_title">发起活动</h2>
					<div class="separator"><div class="green"></div><div class="grey"></div></div>
													
					<div class="contact_form ten columns alpha">
											
						<div>
						活动标题：<input type="text"  class="item">
						</div>
						
						<div>
						活动时间：
							<div class="item">
								<input type="hidden" name="begin_date" id="begin_date" value=""/>
								<input type="hidden" name="begin_time" id="begin_time" value=""/>
								<input type="hidden" name="end_date" id="end_date" value=""/>
								<input type="hidden" name="end_time" id="end_time" value=""/>
								<input type="hidden" name="repeat_time" id="repeat_time" value=""/>
							</div>
							
							<div>
								<div id="evnetDateOnedayHook" class="item inner-back hide">
									<input placeholder="活动日期" class="basic-input event_calendar" id="one_begin_day" type="text" size="12" value=""/>

									<input type="hidden" class="editableHook" data-id="one_begin_time" data-start="true" data-time="" /> 
									<input type="hidden" class="editableHook" data-id="one_end_time" data-time=""/>
								</div>
								<div id="eventDateContinueHook" class="item inner-back hide">
									<div class="con_item">
										<label for="week_start_day" class="inner">起止时间</label>
											<div class="inner-item">
											<select id="repeat_type" name="repeat_type" class="basic-input">
												<option value="0" selected>08:00</option>
												<option value="1" >09:00</option>
												<option value="2" >10:00</option>
												<option value="3" >11:00</option>
												<option value="1" >12:00</option>
												<option value="2" >13:00</option>
												<option value="3" >14:00</option>
												<option value="1" >15:00</option>
												<option value="2" >16:00</option>
												<option value="3" >17:00</option>
												</select>
												 至&nbsp;&nbsp;
												 </p>
												<select id="repeat_type" name="repeat_type" class="basic-input">
												<option value="0" selected>08:00</option>
												<option value="1" >09:00</option>
												<option value="2" >10:00</option>
												<option value="3" >11:00</option>
												<option value="1" >12:00</option>
												<option value="2" >13:00</option>
												<option value="3" >14:00</option>
												<option value="1" >15:00</option>
												<option value="2" >16:00</option>
												<option value="3" >17:00</option>
												</select>
												
												</div>
									</div>
								</div>	
							</div>		

						<div >
						活动地址：
							<div class="item">省份：
								<select>
									<option value ="volvo">广西</option>
									<option value ="saab">广东</option>
									</select>
							</div>
							<div class="item">
								城市：
								<select>
									<option value ="volvo">南宁</option>
									<option value ="saab">桂林</option>
								</select>
							</div>
						</div>
						<div class="sixteen columns row alpha">
							<iframe width="62%" height="235" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=23rd+Street+Northwest,+Washington,+DC,+United+States&amp;aq=0&amp;oq=Washington+23,+DC,+United+States&amp;sll=37.0625,-95.677068&amp;sspn=41.003738,93.076172&amp;ie=UTF8&amp;hq=&amp;hnear=23rd+St+NW,+Washington,+District+of+Columbia&amp;t=m&amp;ll=38.904526,-77.049437&amp;spn=0.023378,0.036564&amp;z=14&amp;output=embed"></iframe>
						</div>
						</p>
						
						<div>
							活动详情:<br />
							<textarea cols="240" rows="8" id="text" name="text"></textarea>
						</div>
						
						
						<div class="row" id="activeFeeHook">
						活动费用：
						<div class="item fee">
	
							<label class="no-need-fee">
								<input name="fee" type="radio" class="fee-value" checked value="0"/>免费
							</label>
							<label>
								<input name="fee" type="radio" class="fee-value" value="1"  />收费
							</label>

							<input type="hidden" name="fee_detail" id="fee_detail" value=""/>
						</div>
					<!--	<div id="active_fee" class="item inner-back hide">
							<div class="con_item">
								<span>名称 </span><span class="pl">（如：预售票等）</span> <span style="margin-left:15px;">费用（元）</span>
							</div>
							<div class="con_item fee_item">
								<input type="text" class="basic-input fee-name" maxlength="15" placeholder="选填"/> <input type="text" class="basic-input fee-num" maxlength="6"/>
							</div>
							<a href="#" id="addFeeHook">添加费用</a>
						</div>
						<div id="tickets_field" class="item inner-back hide">
								在接下来的“发售电子票”环节里，设置详细的票务信息。
						</div>-->
					</div>
						
						<div>上传海报：
        					<input type="file" value="上传海报" style="height:30px"/>
						</div>  
						<div><input type="button" class="button green" id="contact_send" value="提交" />
						<input type="button" class="button green" id="contact_send" value="取消" /></div>
					</div>
					
					
					
				</div>
				<!-- END sidebar -->
				
				<div class="blog_sidebar four columns row">
					
					<div class="four columns alpha">
						<input type="text" id="search" name="search" placeholder="Enter your search" />
					</div>
					
					<div class="categories four columns alpha">
						<div class="title">活动模块</div>
						<ul>
							<li><a href="activity-1.html">热门活动<span>347</span></a></li>
							<li><a href="activity-list.html">同城活动<span>347</span></a></li>
							<li><a href="activity-mine.html">我的同城<span>29</span></a></li>
							
						</ul>
					</div>
										
					<div class="popular_tags four columns alpha">
						<div class="title">推荐活动</div>
					<div id="content" class="six columns alpha">
							<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="235">
							<tr>
								<td rowspan="3" height="60" width="70" valign="middle">
									<img src="images/portfolio/portfolio2_1.png" width="60" height="60"/>
								</td>
								<td valign="middle">
									<table height="60" width="160" border="0" cellspacing="3">
										<tr>
											<td><span class="STYLE2"> 海南环岛游 </td>
										</tr>
										<tr>
											<td>发起人：Jone</td>
										</tr>
										<tr> 											
											<td>感兴趣 <input class="button green medium" type="button" value="参加" /></td>
										</tr>										
									</table>
								</td>
							</tr>																					
						</table>
							<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="235">
							<tr>
								<td rowspan="3" height="60" width="70" valign="middle">
									<img src="images/portfolio/portfolio2_3.png" width="60" height="60"/>
								</td>
								<td valign="middle">
									<table height="60" width="160" border="0" cellspacing="3">
										<tr>
											<td><span class="STYLE2"> 城市美丽夜景 </td>
										</tr>
										<tr>
											<td>发起人：Smith</td>
										</tr>
										<tr> 											
											<td>感兴趣 <input class="button green medium" type="button" value="参加" /></td>
										</tr>										
									</table>
								</td>
							</tr>																					
						</table>
						<table id="pid7611902" cellpadding="0" cellspacing="0" summary="pid7611902" border="1" bordercolor="#CCCCCC" width="235">
							<tr>
								<td rowspan="3" height="60" width="70" valign="middle">
									<img src="images/portfolio/portfolio2_2.png" width="60" height="60"/>
								</td>
								<td valign="middle">
									<table height="60" width="160" border="0" cellspacing="3">
										<tr>
											<td><span class="STYLE2"> 现代化城市参观 </td>
										</tr>
										<tr>
											<td>发起人：Han Meimei</td>
										</tr>
										<tr> 											
											<td>感兴趣 <input class="button green medium" type="button" value="参加" /></td>
										</tr>										
									</table>
								</td>
							</tr>																					
						</table>
					</div>
					</div>
					
					<div class="sidebar six columns omega">
				
					
					</div>
					
				</div>
				
				
				
				
				
			</div>
			</div>	
				
			
		</div>
		<!-- END container -->
		<a id="goto_top" href="#"></a>
		</div>
		<!-- END main -->
		
	</div>
	<!-- END wrapper -->

	<div id="footer">
		<div id="f_line"></div>
		<div class="container">
			<div class="footer sixteen columns">
				<div class="three columns alpha">
					<h3>NAVIGATE</h3>
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Services</a></li>
						<li><a href="#">Portfolio</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contacts</a></li>
					</ul>
				</div>
				
				<div class="three columns">
					<h3>POWERED BY</h3>
					<ul>
						<li><a href="#">PHP</a></li>
						<li><a href="#">MySQL</a></li>
						<li><a href="#">Apache</a></li>
						<li><a href="#">Wordpress</a></li>
						<li><a href="#">Linux</a></li>
					</ul>
				</div>
				
				<div class="social three columns">
					<h3>WE'RE SOCIAL</h3>
					<ul>
						<li><a class="twitter" href="#">Twitter</a></li>
						<li><a class="facebook" href="#">Facebook</a></li>
						<li><a class="flickr" href="#">Flickr</a></li>
						<li><a class="rss" href="#">RSS Feed</a></li>
					</ul>
				</div>
				
				<div class="facebook_box seven columns omega">
					
				</div> 
				
			</div>
		</div>		
	</div>
	<div id="footer_bottom">
		<div class="container">
			<div class="sixteen columns">
				<div class="copyright ten columns alpha">Copyright &copy; 2012 Frontline Theme Demo. All Rights Reserved</div>
				<div class="links six columns alpha omega">
					<a href="#">Sitemap</a> | <a href="#">Privacy</a> | <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a>
				</div>
			</div>
		</div>
	</div>
	<!-- END footer -->

</body>
</html>